<template>
    <div class="mainContainer">
        <div class="flexContainer">
             <div class="introBox">
                <img src="@/assets/img/qihua/jdyy/1.png">
            </div>
              <div class="introBox">
                <img src="@/assets/img/qihua/jdyy/2.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/jdyy/3.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/jdyy/4.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/jdyy/5.png">
            </div>
              <div class="introBox">
                 <img src="@/assets/img/qihua/jdyy/6.png">
            </div>
            

            <!-- <div class="introBox">
                <img src="@/assets/img/sjdn/2.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/3.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/4.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/5.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/6.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/7.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/8.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/9.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/10.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/sjdn/11.png">
            </div>

            <div class="introBox">
                <img src="@/assets/img/paxy/1.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/paxy/2.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/paxy/3.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/paxy/4.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/paxy/5.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/paxy/6.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/paxy/7.png">
            </div>

            <div class="introBox">
                <img src="@/assets/img/zhsz/1.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/zhsz/2.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/zhsz/3.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/zhsz/4.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/zhsz/5.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/zhsz/6.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/zhsz/7.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/zhsz/8.png">
            </div>
            <div class="introBox">
                <img src="@/assets/img/zhsz/9.png">
            </div> -->

        </div>
    </div>
</template>

<script>
export default {
}
</script>

<style lang='scss' scoped>
.mainContainer{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.flexContainer{
    width: 100%;
    height: 100%;
    overflow: auto;;
    -webkit-overflow-scrolling: touch;
    position: relative;
}
.introBox{
    position: relative;
    margin-top: -1px;
    img{
        width: 100%;
        position: relative;
        z-index: 1;
    }
}
</style>